From: Snapshot-Content-Location: https://docs.superfile.com/ Subject: SuperFile Documentation Date: Fri, 18 Sep 2026 18:44:57 GMT MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng----" ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.superfile.com/ SuperFile Documentation= <= link rel=3D"shortcut icon" href=3D"https://uuataiyaotpgtyibulqv.supabase.co= /storage/v1/object/public/sitemedia/mmrzk10i4j2pqo7.ico">
=
Docs<= span class=3D"r">OverviewQuick startSign inOn-= premisesAPIChangelog

SuperFile Documentation

Guides and reference for everything SuperFile ships: the = public register at superfile.com, SuperSecure files that stay under your co= ntrol after they leave, and SuperDRM, the licence server you can run on you= r own infrastructure.

Quick startCreate your account, sign in, reserve your na= me and protect your first file in ten minutes. Sign in & accountsEmail link, phone, passkey, one-time = code, Sign in with sup. Sessions, devices, multiple accounts. On-premises installRun the licence server inside your netwo= rk with Docker Compose, Kubernetes or systemd. DRM quick startFive calls from nothing to a metered = licence. Widevine, FairPlay and Clear Key. API referenceEvery route, field, policy and error cod= e. Security modelWhat is protected, how, and what hardware-se= cure playback actually means.

#What SuperFile is

SuperFile wraps any file =E2=80=94 PDFs, spreadsheets, pr= esentations, images, video, even whole databases =E2=80=94 in split-key enc= ryption that travels inside the document. The decryption key is divided, so= no single party, SuperFile included, can open a file alone. Authorization = is decided when a file is opened, not when it is sent: you can see who open= ed it, where and when, and revoke access everywhere in one click, downloade= d copies included. A protected file keeps its name and gains an s on its extension: report.pdf becomes report.pdfs= .

Three products carry that idea today, and this site docum= ents all three.

ProductWhat it isWhere
SuperFile=C2=AE= The register: examined @names and .extensions, recorded in waves w= ith permanent registration numbers anyone can check.superfile.com
SuperSecure=C2=AESeal, share, see and unshare. The v= ault and viewer for SuperFiles, in beta.beta.supersecure.com
<= strong>SuperDRM=E2=84=A2The key and licence service behin= d the viewer: Widevine, FairPlay and Clear Key licences at $0 per licence, = hosted by us or on your premises.superdrm.com

The family = page explains the other marks =E2=80=94 SuperChain=E2=84=A2, Zero Trust= File Encryption=E2=84=A2, Sup=E2=84=A2 =E2=80=94 and what is coming next.<= /p>

#Which guide do I need?

#C= onventions

  • Commands are shown for a POSIX shell. sdrm_live_=E2=80=A6 = stands for a real API key; never paste one into a browser.
  • Prices are in US dollars and quoted as they stand on the day of writing= ; the pricin= g page and the refund policy govern.
  • Anything marked beta is live and in use, and may chang= e between releases. The changelog records what changed.

Updated September 2026

NextQuick start
=
ShaneAIAI guide =C2=B7 automated
You=E2=80=99re interacting with an AI assistant, not a real person. Its voice, vid= eo and replies are AI-generated and may be inaccurate.
Live
Ask me things like:

By using this AI assistant, what you share is process= ed to help with your request. Please don=E2=80=99t share sensitive personal= or financial information. See our Privacy Policy.

Support

Real help from our team and the= SuperFile community.

Support centerCh= at with the SpecialistEmail go@superfile.com<= /span>
=E2=86=97
Ask Shane AI

Our Registry Specialist answers your reservation questions in seconds.<= /p>Start a chat =E2=86=92

------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.superfile.com/assets/shane-widget.css @charset "utf-8"; .spchat { position: fixed; right: 22px; bottom: 22px; top: auto; z-index: 6= 0; width: min(420px, -44px + 100vw); height: min(780px, -96px + 100vh); dis= play: none; flex-direction: column; overflow: hidden; background: rgb(255, = 255, 255); border-radius: 22px; box-shadow: rgba(0, 0, 0, 0.3) 0px 24px 70p= x, rgba(0, 0, 0, 0.12) 0px 4px 14px; border: 1px solid var(--hair,#E8E8ED);= } .spchat.open { display: flex; animation: 0.3s cubic-bezier(0.2, 0.9, 0.3, 1= ) 0s 1 normal none running sheetin; } .spchat { transition: width 0.22s, height 0.22s; } .spchat.big { width: min(820px, -40px + 100vw); height: min(1240px, -40px += 100vh); } .sphead { cursor: grab; user-select: none; } .sphead:active { cursor: grabbing; } .sphbtns { display: flex; gap: 2px; flex: 0 0 auto; } .spbig svg { width: 15px; height: 15px; } .spchips { display: flex; flex-wrap: wrap; gap: 7px; align-self: flex-start= ; max-width: 92%; } .spchips button { font-family: var(--sans,-apple-system,BlinkMacSystemFont,= "SF Pro Text","SF Pro Display","Helvetica Neue",system-ui,sans-serif); font= -size: 13px; letter-spacing: -0.01em; cursor: pointer; border: 1px solid rg= b(10, 132, 255); color: rgb(10, 132, 255); background: rgb(255, 255, 255); = border-radius: 999px; padding: 6px 13px; transition: background 0.12s; } .spchips button:active { background: rgba(10, 132, 255, 0.1); } .spchat .hd { display: flex; align-items: center; gap: 11px; padding: 12px = 14px; flex-shrink: 0; background: rgba(251, 251, 253, 0.92); backdrop-filte= r: blur(20px); border-bottom: 1px solid var(--hair,#E8E8ED); } .spchat .hd img { width: 34px; height: 34px; border-radius: 50%; box-shadow= : rgba(0, 0, 0, 0.12) 0px 1px 3px; } .spchat .hd .t { flex: 1 1 0%; min-width: 0px; } .spchat .hd .t b { display: block; font-size: 14px; font-weight: 600; color= : var(--ink,#1D1D1F); letter-spacing: -0.01em; } .spchat .hd .t span { font-size: 11px; color: var(--grey-l,#86868B); } .spchat .hd button { border: 0px; background: transparent; color: var(--gre= y-l,#86868B); font-size: 15px; cursor: pointer; width: 30px; height: 30px; = border-radius: 50%; } .spchat .hd button:hover { background: var(--panel,#F5F5F7); color: var(--i= nk,#1D1D1F); } .spchat .log { display: flex; flex-direction: column; gap: 8px; padding: 0p= x; } .spchat .log:not(:empty) { padding-top: 6px; } .spm { max-width: 82%; font-size: 15px; line-height: 1.4; white-space: pre-= wrap; overflow-wrap: break-word; letter-spacing: -0.01em; animation: 0.24s = cubic-bezier(0.2, 0.9, 0.3, 1) 0s 1 normal none running bubin; } .spm .tw { opacity: 0; animation: 0.26s ease-out 0s 1 normal forwards runni= ng twin; } @media (prefers-reduced-motion: reduce) { .spm .tw { animation: auto ease 0s 1 normal none running none; opacity: 1= ; } .spm { animation: auto ease 0s 1 normal none running none; } .assist.bounce { animation: auto ease 0s 1 normal none running none; } } .sppeek { position: fixed; right: 22px; bottom: 88px; z-index: 59; max-widt= h: 230px; background: rgb(255, 255, 255); border: 1px solid var(--hair,#E8E= 8ED); border-radius: 14px 14px 4px; padding: 9px 13px; font-size: 12.5px; c= olor: var(--ink,#1D1D1F); cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 0= px 2px 8px, rgba(0, 0, 0, 0.16) 0px 12px 32px; display: none; animation: 0.= 3s cubic-bezier(0.2, 0.9, 0.3, 1) 0s 1 normal none running bubin; } .sppeek.on { display: block; } @media (max-width: 740px) { .sppeek { right: 16px; bottom: calc(88px + env(safe-area-inset-bottom)); = } body.mcta-on .sppeek { bottom: calc(152px + env(safe-area-inset-bottom));= } } .spm.u { align-self: flex-end; background: rgb(236, 236, 236); color: rgb(2= 9, 29, 31); border-radius: 16px; padding: 9px 14px; } .spm.a { align-self: flex-start; background: transparent; color: rgb(29, 29= , 31); border-radius: 0px; padding: 1px 0px; max-width: 100%; } .spm.think { background: transparent; color: rgb(134, 134, 139); font-size:= 14px; font-style: italic; padding: 1px 0px; display: flex; align-items: ce= nter; gap: 8px; max-width: 100%; } .spm.think::before { content: ""; width: 7px; height: 7px; border-radius: 5= 0%; background: rgb(199, 199, 204); flex: 0 0 auto; } .spm.typing { display: flex; gap: 4px; align-items: center; padding: 12px 1= 4px; } .spm.typing i { width: 7px; height: 7px; border-radius: 50%; background: rg= b(167, 167, 175); display: block; animation: 1.2s ease-in-out 0s infinite n= ormal none running tybounce; } .spm.typing i:nth-child(2) { animation-delay: 0.15s; } .spm.typing i:nth-child(3) { animation-delay: 0.3s; } .spchat .inrow { display: flex; gap: 8px; align-items: flex-end; padding: 1= 0px 12px; flex-shrink: 0; background: rgba(251, 251, 253, 0.92); backdrop-f= ilter: blur(20px); border-top: 1px solid var(--hair,#E8E8ED); } .spchat .inrow textarea { flex: 1 1 0%; resize: none; border: 1px solid var= (--line,#D2D2D7); border-radius: 19px; background: rgb(255, 255, 255); font= -family: var(--sans,-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro = Display","Helvetica Neue",system-ui,sans-serif); font-size: 16px; color: va= r(--ink,#1D1D1F); padding: 8px 14px; outline: none; max-height: 96px; min-h= eight: 40px; line-height: 1.4; letter-spacing: -0.01em; overflow-y: hidden;= } .spchat .inrow textarea::placeholder { color: rgb(181, 181, 186); } .spchat .inrow textarea:focus { border-color: rgb(10, 132, 255); } .spchat .inrow button { border: 0px; border-radius: 50%; background: rgb(10= , 132, 255); color: rgb(255, 255, 255); width: 34px; height: 34px; flex-shr= ink: 0; font-size: 17px; font-weight: 600; cursor: pointer; transition: bac= kground 0.15s, transform 0.1s; display: flex; align-items: center; justify-= content: center; padding-bottom: 2px; } .spchat .inrow button:hover { background: rgb(0, 113, 227); } .spchat .inrow button:active { transform: scale(0.94); } .spchat .inrow button:disabled { background: rgb(199, 199, 204); cursor: de= fault; } .spchat .foot { text-align: center; font-size: 10px; color: var(--grey-l,#8= 6868B); padding: 0px 12px 8px; background: rgba(251, 251, 253, 0.92); } @media (max-width: 740px) { .spchat { width: 100vw; height: 100dvh; border-radius: 0px; border: 0px; = inset: auto 0px 0px !important; } .spchat.big { width: 100vw; height: 100dvh; } .sphead { cursor: default; } .spbig { display: none; } .spchat.open { animation: 0.34s cubic-bezier(0.2, 0.9, 0.3, 1) 0s 1 norma= l none running sheetup; } .spchat .hd button { width: 38px; height: 38px; font-size: 17px; } .spm { font-size: 16px; } .spchat .hd { padding-top: calc(12px + env(safe-area-inset-top)); } .spchat .sphead { padding-top: calc(14px + env(safe-area-inset-top)); } .spchat .inrow { padding-bottom: calc(10px + env(safe-area-inset-bottom))= ; } body.mcta-on .spchat { bottom: 0px; } } .assist { position: fixed; right: 22px; bottom: 22px; z-index: 38; display:= inline-flex; align-items: center; gap: 11px; height: 50px; padding: 0px 22= px 0px 15px; border-radius: 999px; border: 1.5px solid rgb(10, 108, 255); b= ackground: rgb(255, 255, 255); cursor: pointer; box-shadow: rgba(10, 108, 2= 55, 0.18) 0px 8px 24px, rgba(0, 0, 0, 0.08) 0px 2px 8px; transition: transf= orm 0.15s, box-shadow 0.15s; } .assist:hover { transform: translateY(-1px); box-shadow: rgba(10, 108, 255,= 0.24) 0px 12px 30px; } .assist .spin { position: relative; width: 26px; height: 26px; border-radiu= s: 50%; flex: 0 0 auto; background: rgb(10, 108, 255); display: flex; align= -items: center; justify-content: center; color: rgb(255, 255, 255); } .assist .spin svg { width: 15px; height: 15px; } .assist.thinking .spin { background: conic-gradient(from var(--aiang,0deg),= #0A6CFF 0deg,rgba(10,108,255,.12) 300deg,#0A6CFF 360deg); mask: radial-grad= ient(8px, rgba(0, 0, 0, 0) 96%, rgb(0, 0, 0) 100%); animation: 0.8s linear = 0s infinite normal none running airing; } .assist.thinking .spin svg { display: none; } @media (prefers-reduced-motion: reduce) { .assist.thinking .spin { animation-duration: 2.4s; } } .assist .ask { color: rgb(10, 108, 255); font-family: var(--sans,-apple-sys= tem,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",syst= em-ui,sans-serif); font-size: 15.5px; font-weight: 600; letter-spacing: -0.= 01em; white-space: nowrap; } .aisup { font-size: 0.56em; font-weight: 700; vertical-align: 0.42em; lette= r-spacing: 0.03em; margin-left: 1px; } .assist.bounce { animation: 0.85s cubic-bezier(0.28, 1.2, 0.42, 1) 0s 2 nor= mal none running abounce; } .assist .dot { position: absolute; top: -3px; right: -3px; width: 13px; hei= ght: 13px; border-radius: 50%; background: rgb(255, 59, 48); border: 2px so= lid rgb(255, 255, 255); display: none; } .assist.unread .dot { display: block; } .sphead { position: relative; display: flex; align-items: center; justify-c= ontent: space-between; gap: 10px; padding: 14px 15px 13px; border-bottom: 1= px solid var(--hair,#E8E8ED); flex: 0 0 auto; } .spname { font-family: var(--sans,-apple-system,BlinkMacSystemFont,"SF Pro = Text","SF Pro Display","Helvetica Neue",system-ui,sans-serif); font-size: 1= 6px; font-weight: 650; letter-spacing: -0.02em; color: var(--ink,#1D1D1F); = } .sprole { font-weight: 500; font-size: 13.5px; color: var(--grey,#6E6E73); = letter-spacing: 0px; margin-left: 6px; } .spx { border: 0px; background: transparent; width: 30px; height: 30px; bor= der-radius: 50%; cursor: pointer; color: var(--grey,#6E6E73); font-size: 15= px; display: flex; align-items: center; justify-content: center; flex: 0 0 = auto; } .spx:hover { background: rgb(240, 239, 234); color: var(--ink,#1D1D1F); } .spstage { position: relative; margin: 12px 12px 0px; border-radius: 16px; = overflow: hidden; background: rgb(230, 228, 223); aspect-ratio: 2 / 1; flex= : 0 0 auto; } .spstage video { width: 100%; height: 100%; object-fit: cover; display: blo= ck; } .spstage.live.ready .spidle { display: none; } .spstage.speaking { outline: rgb(10, 108, 255) solid 3px; outline-offset: -= 3px; } .splivevid { position: absolute; inset: 0px; width: 100%; height: 100%; obj= ect-fit: cover; z-index: 4; background: rgb(11, 13, 18); opacity: 0; pointe= r-events: none; transition: opacity 0.45s; } .splivevid.on { opacity: 1; } .spconn { position: absolute; inset: 0px; z-index: 6; display: none; align-= items: center; justify-content: center; background: rgba(11, 13, 18, 0.28);= } .spstage.live .spconn { display: flex; } .spstage.live.ready .spconn { display: none; } .spconn .ring { width: 30px; height: 30px; border-radius: 50%; border-width= : 2.5px; border-style: solid; border-color: rgb(255, 255, 255) rgba(255, 25= 5, 255, 0.3) rgba(255, 255, 255, 0.3); border-image: none; animation: 0.8s = linear 0s infinite normal none running sprot; } .splive { position: absolute; left: 50%; bottom: 14px; transform: translate= X(-50%); z-index: 5; display: none; align-items: center; gap: 8px; backgrou= nd: rgb(255, 255, 255); border: 0px; border-radius: 999px; padding: 11px 20= px; font-family: var(--sans,-apple-system,BlinkMacSystemFont,"SF Pro Text",= "SF Pro Display","Helvetica Neue",system-ui,sans-serif); font-size: 14.5px;= font-weight: 600; color: rgb(10, 108, 255); cursor: pointer; box-shadow: r= gba(0, 0, 0, 0.22) 0px 3px 14px; white-space: nowrap; } .splive .lvdot { width: 8px; height: 8px; border-radius: 50%; background: r= gb(10, 108, 255); animation: 1.2s ease-in-out 0s infinite normal none runni= ng lvp; } .spstage.live .splive { display: none !important; } .splive .micico { width: 16px; height: 16px; } .splivebar { position: absolute; left: 50%; bottom: 14px; transform: transl= ateX(-50%); z-index: 7; display: none; align-items: center; gap: 2px; backg= round: rgb(255, 255, 255); border-radius: 999px; padding: 4px; box-shadow: = rgba(0, 0, 0, 0.22) 0px 3px 16px; } .spstage.live .splivebar { display: flex; } .splivemic, .spexpand { border: 0px; width: 30px; height: 30px; border-radi= us: 50%; display: flex; align-items: center; justify-content: center; curso= r: pointer; background: transparent; color: rgb(29, 29, 31); transition: ba= ckground 0.15s, transform 0.1s; } .splivemic:hover, .spexpand:hover { background: rgb(240, 239, 234); } .splivemic:active, .spexpand:active, .spend:active { transform: scale(0.94)= ; } .splivemic.off { background: rgb(255, 231, 229); color: rgb(255, 59, 48); } .splivemic .slash { display: none; } .splivemic.off .slash { display: block; } .splivemic svg, .spexpand svg { width: 16px; height: 16px; } .spend { border: 0px; height: 30px; padding: 0px 14px; margin-left: 2px; bo= rder-radius: 999px; background: rgb(255, 59, 48); color: rgb(255, 255, 255)= ; font-family: var(--sans,-apple-system,BlinkMacSystemFont,"SF Pro Text","S= F Pro Display","Helvetica Neue",system-ui,sans-serif); font-size: 13px; fon= t-weight: 600; cursor: pointer; transition: background 0.15s, transform 0.1= s; } .spend:hover { background: rgb(255, 45, 33); } .spsound { position: absolute; top: 12px; right: 12px; z-index: 5; border: = 0px; background: rgba(255, 255, 255, 0.9); width: 32px; height: 32px; borde= r-radius: 50%; cursor: pointer; color: var(--ink,#1D1D1F); display: flex; a= lign-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.14= ) 0px 1px 4px; } .spsound svg { width: 16px; height: 16px; } .spsound.muted .wv { display: none; } .spsound.muted::after { content: ""; position: absolute; width: 20px; heigh= t: 1.8px; background: currentcolor; transform: rotate(-45deg); } .spstage.live .spsound { display: none; } .splivechip { position: absolute; top: 12px; left: 12px; z-index: 5; displa= y: none; align-items: center; gap: 6px; background: rgba(11, 13, 18, 0.55);= color: rgb(255, 255, 255); font-family: var(--sans,-apple-system,BlinkMacS= ystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",system-ui,sans-se= rif); font-size: 12px; font-weight: 600; padding: 5px 11px 5px 9px; border-= radius: 999px; backdrop-filter: blur(6px); } .spstage.live .splivechip { display: inline-flex; } .splivechip::before { content: ""; width: 7px; height: 7px; border-radius: = 50%; background: rgb(255, 59, 48); animation: 1.2s ease-in-out 0s infinite = normal none running lvp; } .spbars { position: absolute; top: 12px; left: 50%; transform: translateX(-= 50%); z-index: 5; display: none; gap: 3px; align-items: flex-end; height: 1= 6px; background: rgba(10, 108, 255, 0.92); padding: 5px 9px; border-radius:= 999px; } .spstage.speaking .spbars { display: flex; } .spbars i { width: 3px; height: 5px; background: rgb(255, 255, 255); border= -radius: 2px; animation: 0.7s ease-in-out 0s infinite normal none running s= bar; } .spbars i:nth-child(2) { animation-delay: 0.15s; } .spbars i:nth-child(3) { animation-delay: 0.3s; } .spbars i:nth-child(4) { animation-delay: 0.45s; } .spbars i:nth-child(5) { animation-delay: 0.1s; } @media (prefers-reduced-motion: reduce) { .spbars i { animation: auto ease 0s 1 normal none running none; height: 1= 0px; } } .spbody { flex: 1 1 0%; overflow-y: auto; padding: 12px 16px 4px; display: = flex; flex-direction: column; gap: 12px; } .spminibar { display: none; align-items: center; justify-content: center; g= ap: 10px; padding: 12px 14px 2px; flex: 0 0 auto; } .spminiav { width: 34px; height: 34px; border-radius: 50%; overflow: hidden= ; flex: 0 0 auto; background: rgb(230, 228, 223); } .spminiav video { width: 100%; height: 100%; object-fit: cover; display: bl= ock; } .splive2 { display: inline-flex; align-items: center; gap: 7px; background:= rgb(255, 255, 255); border: 1px solid var(--hair,#E8E8ED); border-radius: = 999px; padding: 8px 15px; font-family: var(--sans,-apple-system,BlinkMacSys= temFont,"SF Pro Text","SF Pro Display","Helvetica Neue",system-ui,sans-seri= f); font-size: 13.5px; font-weight: 600; color: rgb(10, 108, 255); cursor: = pointer; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 5px; transition: backgroun= d 0.12s; } .splive2:hover { background: rgb(247, 250, 255); } .splive2 .micico { width: 15px; height: 15px; } .spchat.chatting .spstage { display: none; } .spchat.chatting .spminibar { display: flex; } .spchat.chatting.incall .spstage { display: block; } .spchat.chatting.incall .spminibar { display: none; } .spchat.stagefull .spstage { position: absolute; inset: 0px; margin: 0px; b= order-radius: 0px; aspect-ratio: auto; z-index: 30; } .spacts { display: flex; flex-direction: column; gap: 0px; padding-top: 2px= ; } .spacts.hide { display: none; } .spactlabel { display: flex; align-items: center; justify-content: space-be= tween; font-family: var(--sans,-apple-system,BlinkMacSystemFont,"SF Pro Tex= t","SF Pro Display","Helvetica Neue",system-ui,sans-serif); font-size: 12.5= px; color: var(--grey,#6E6E73); margin-bottom: 6px; } .spactx { border: 0px; background: transparent; color: rgb(181, 181, 186); = cursor: pointer; font-size: 13px; line-height: 1; padding: 2px 4px; } .spactx:hover { color: var(--grey,#6E6E73); } .spsug { display: block; width: 100%; text-align: left; border: 0px; backgr= ound: transparent; color: rgb(58, 58, 60); font-family: var(--sans,-apple-s= ystem,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",sy= stem-ui,sans-serif); font-size: 14.5px; letter-spacing: -0.01em; padding: 8= px 0px; cursor: pointer; } .spsug:hover { color: rgb(10, 108, 255); } .spactbtns { display: flex; gap: 10px; margin-top: 12px; } .spactbtn { flex: 1 1 0%; border: 1.5px solid rgb(10, 108, 255); color: rgb= (10, 108, 255); background: rgb(255, 255, 255); border-radius: 12px; paddin= g: 11px 8px; font-family: var(--sans,-apple-system,BlinkMacSystemFont,"SF P= ro Text","SF Pro Display","Helvetica Neue",system-ui,sans-serif); font-size= : 13.5px; font-weight: 600; letter-spacing: -0.01em; cursor: pointer; trans= ition: background 0.12s; } .spactbtn:hover { background: rgba(10, 108, 255, 0.06); } .spmic { border: 0px; background: transparent; cursor: pointer; color: var(= --grey,#6E6E73); width: 36px; height: 38px; display: flex; align-items: cen= ter; justify-content: center; flex: 0 0 auto; } .spmic svg { width: 19px; height: 19px; } .spmic.rec { color: rgb(255, 59, 48); animation: 1s ease-in-out 0s infinite= normal none running micpulse; } .spdisc { font-size: 11px; color: var(--grey,#6E6E73); line-height: 1.5; pa= dding: 10px 16px 14px; text-align: center; flex: 0 0 auto; border-top: 1px = solid var(--hair,#E8E8ED); } .spdisc a { color: var(--link,#06c); } @media (prefers-reduced-motion: reduce) { .assist .spin { animation-duration: 6s; } .spmic.rec { animation: auto ease 0s 1 normal none running none; } } @media (max-width: 740px) { .assist { right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); = height: 46px; padding: 0px 18px 0px 13px; } .assist .ask { font-size: 14.5px; } body.mcta-on .assist { bottom: calc(84px + env(safe-area-inset-bottom)); = } .spstage .spidle { transition: filter 0.3s; } .spstage.egg-wave .spidle { animation: 0.95s cubic-bezier(0.36, 0.07, 0.1= 9, 0.97) 0s 1 normal both running eggWave; transform-origin: 50% 100%; } .spstage.egg-wink .spidle { animation: 0.5s ease 0s 1 normal both running= eggWink; } .spstage.egg-jump .spidle { animation: 0.62s cubic-bezier(0.28, 1.2, 0.42= , 1) 0s 1 normal both running eggJump; transform-origin: 50% 100%; } .spstage.egg-dizzy .spidle { animation: 1.1s ease-in-out 0s 1 normal both= running eggDizzy; } .spstage.egg-party .spidle { animation: 0.7s cubic-bezier(0.28, 1.2, 0.42= , 1) 0s infinite normal none running eggPartyBounce, 1.4s linear 0s infinit= e normal none running eggPartyHue; transform-origin: 50% 100%; } .spstage.egg-sleep .spidle { animation: 3.4s ease-in-out 0s infinite norm= al none running eggBreathe; filter: brightness(0.82) saturate(0.85); } .spstage.egg-night .spidle { filter: brightness(0.9) saturate(0.9) contra= st(1.02); } .spstage.egg-shake .spidle { animation: 0.8s cubic-bezier(0.36, 0.07, 0.1= 9, 0.97) 0s 1 normal both running eggShake; } .spstage.egg-wave .spidle, .spstage.egg-wink .spidle, .spstage.egg-jump .= spidle, .spstage.egg-dizzy .spidle, .spstage.egg-party .spidle, .spstage.eg= g-sleep .spidle, .spstage.egg-shake .spidle, .egg-sparkle i, .egg-hat, .egg= -zzz i, .egg-confetti i { animation: auto ease 0s 1 normal none running non= e; } } @property --aiang { syntax: ""; inherits: false; initial-value: 0deg= ; } @keyframes airing {=20 100% { --aiang: 360deg; } } @keyframes sheetin {=20 0% { opacity: 0; transform: translateY(14px) scale(0.98); } } @keyframes sheetup {=20 0% { opacity: 0.6; transform: translateY(40%); } } @keyframes bubin {=20 0% { opacity: 0; transform: translateY(7px) scale(0.96); } } @keyframes twin {=20 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes tybounce {=20 0%, 60%, 100% { transform: translateY(0px); opacity: 0.5; } 30% { transform: translateY(-4px); opacity: 1; } } @keyframes sprot {=20 100% { transform: rotate(360deg); } } @keyframes lvp {=20 50% { opacity: 0.35; } } @keyframes sbar {=20 0%, 100% { height: 5px; } 50% { height: 14px; } } @keyframes micpulse {=20 50% { opacity: 0.4; } } @keyframes abounce {=20 0%, 100% { transform: none; } 28% { transform: translateY(-12px) scale(1.04); } 52% { transform: none; } 72% { transform: translateY(-5px); } } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.superfile.com/assets/mobile.css?v=2&d=aa0a05b @charset "utf-8"; @media (max-width: 740px) { html, body { overflow-x: clip; } .localbar:not(.lb) .in { justify-content: flex-start; gap: 20px; overflow= -x: auto; scrollbar-width: none; } .localbar:not(.lb) .in::-webkit-scrollbar { display: none; width: 0px; he= ight: 0px; } .localbar:not(.lb) .t { flex: 0 0 auto; } .localbar:not(.lb) .r { flex: 0 0 auto; gap: 20px; } .localbar:not(.lb) .r a { white-space: nowrap; display: inline-flex; alig= n-items: center; min-height: 44px; } .pcards, .tiers, .bens { grid-template-columns: 1fr; } .pcard { padding: 26px 22px; } .tablecard, .trwrap { overflow-x: auto; } .ztbl { min-width: 560px; } } @media (max-width: 740px) { input:not([type=3D"checkbox"]):not([type=3D"radio"]):not([type=3D"range"]= ):not([type=3D"file"]), select, textarea { font-size: max(16px, 1em) !impor= tant; } } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.superfile.com/assets/localnav.css?v=4&d=aa0a05b @charset "utf-8"; .localbar { border-bottom: 1px solid var(--hair,#e8e8ed); background: rgb(2= 55, 255, 255); } .localbar .in { max-width: 1024px; margin: 0px auto; padding: 0px 22px; hei= ght: 52px; display: flex; align-items: center; justify-content: space-betwe= en; } .localbar .t { font-size: 19px; font-weight: 600; color: var(--ink,#1d1d1f)= ; } .localbar .r { display: flex; gap: 26px; font-size: 13px; } .localbar .r a { color: var(--ink,#1d1d1f); } .localbar .r a.act { color: var(--grey-l,#86868b); pointer-events: none; } .localbar.lb { position: sticky; top: 0px; z-index: 31; background: transpa= rent; backdrop-filter: none; } .localbar.lb::before { content: ""; position: absolute; inset: 0px; z-index= : -1; background: rgba(255, 255, 255, 0.82); backdrop-filter: saturate(180%= ) blur(20px); pointer-events: none; } .localbar.lb .in { height: 52px; overflow: visible; } .localbar.lb .t { font-size: 21px; font-weight: 600; letter-spacing: -0.012= em; line-height: 1.1; color: var(--ink,#1d1d1f); cursor: default; touch-act= ion: manipulation; } .lb-right { display: flex; align-items: center; gap: 16px; flex: 0 0 auto; = } .localbar.lb .r { margin-left: auto; gap: 30px; font-size: 12px; } .localbar.lb .r a { font-weight: 400; letter-spacing: -0.01em; color: rgba(= 29, 29, 31, 0.86); transition: color 0.1s; } .localbar.lb .r a:hover { color: var(--ink,#1d1d1f); text-decoration: none;= } .localbar.lb .r a.act { color: var(--ink,#1d1d1f); font-weight: 400; pointe= r-events: auto; } .localbar.lb .r a.lb-btn, .lb-right .lb-act { display: inline-flex; align-i= tems: center; justify-content: center; background: var(--blue,#0071e3); fon= t-size: 12px; font-weight: 400; line-height: 1; letter-spacing: -0.01em; pa= dding: 5px 12px; border-radius: 980px; text-decoration: none; white-space: = nowrap; border: 0px; transition: background 0.12s; color: rgb(255, 255, 255= ) !important; pointer-events: auto !important; } .localbar.lb .r a.lb-btn:hover, .lb-right .lb-act:hover { background: var(-= -blue-h,#0077ed); text-decoration: none; color: rgb(255, 255, 255) !importa= nt; } .lb-tog { display: none; align-items: center; justify-content: center; widt= h: 28px; height: 40px; margin: 0px; padding: 0px; background: transparent; = border: 0px; color: var(--ink,#1d1d1f); cursor: pointer; flex: 0 0 auto; -w= ebkit-tap-highlight-color: transparent; touch-action: manipulation; } .lb-tog svg { width: 11px; height: 7px; fill: none; stroke: currentcolor; s= troke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition= : transform 0.28s cubic-bezier(0.4, 0, 0.6, 1); } .localbar.lb.open .lb-tog svg { transform: rotate(180deg); } .lb-scrim { position: fixed; inset: 0px; z-index: 20; background: rgba(17, = 19, 24, 0.24); backdrop-filter: blur(6px) saturate(0.92); opacity: 0; visib= ility: hidden; pointer-events: none; transition: opacity 0.3s cubic-bezier(= 0.4, 0, 0.6, 1), visibility 0.3s; } .lb-scrim.on { opacity: 1; visibility: visible; pointer-events: auto; trans= ition-delay: 0s; } .localbar.lb[data-adminnav] .t { font-size: 16px; letter-spacing: -0.01em; = } .localbar.lb[data-adminnav] .anav-badge { display: none; align-items: cente= r; justify-content: center; min-width: 16px; height: 16px; padding: 0px 4px= ; margin-left: 6px; border-radius: 999px; background: rgb(255, 59, 48); col= or: rgb(255, 255, 255); font-size: 10.5px; font-weight: 700; line-height: 1= ; vertical-align: 1px; } .localbar.lb[data-adminnav] .anav-badge.on { display: inline-flex; } .localbar.lb[data-adminnav] .anav-badge.fresh { background: rgb(0, 113, 227= ); } @media (min-width: 834px) { .lb-scrim { display: none !important; } .localbar.lb[data-adminnav] .r { margin-left: 16px; gap: 2px; font-size: = 13px; flex: 1 1 0%; min-width: 0px; justify-content: flex-start; overflow: = auto hidden; scrollbar-width: none; } .localbar.lb[data-adminnav] .r::-webkit-scrollbar { display: none; } .localbar.lb[data-adminnav] .r a { padding: 6px 11px; border-radius: 8px;= font-size: 13px; color: rgb(110, 110, 115); white-space: nowrap; transitio= n: background 0.12s, color 0.12s; } .localbar.lb[data-adminnav] .r a:hover { background: rgb(242, 242, 244); = color: rgb(29, 29, 31); } .localbar.lb[data-adminnav] .r a.act { background: rgb(29, 29, 31); color= : rgb(255, 255, 255); font-weight: 500; } .localbar.lb[data-adminnav] .r a#out { color: rgb(176, 57, 42); margin-le= ft: 4px; } .localbar.lb[data-adminnav] .r a#out:hover { background: rgb(251, 237, 23= 5); color: rgb(176, 57, 42); } } @media (max-width: 833px) { #navAuth.sipill { display: none !important; } .localbar.lb .t { font-size: 19px; cursor: pointer; } .lb-tog { display: inline-flex; } .lb-right { gap: 12px; margin-left: auto; } .localbar.lb .r { position: absolute; left: 0px; right: 0px; top: 100%; d= isplay: block; flex-direction: column; margin: 0px; background: rgb(255, 25= 5, 255); border-bottom: 1px solid rgba(0, 0, 0, 0.08); box-shadow: rgba(0, = 0, 0, 0.26) 0px 26px 40px -28px; transform: translateY(-10px); opacity: 0; = visibility: hidden; pointer-events: none; transition: opacity 0.26s cubic-b= ezier(0.4, 0, 0.6, 1), transform 0.28s cubic-bezier(0.4, 0, 0.6, 1), visibi= lity 0.28s; max-height: 76vh; gap: 0px !important; padding: 8px 0 max(10px,= env(safe-area-inset-bottom)) !important; overflow: visible !important; } .localbar.lb.open .r { transform: none; opacity: 1; visibility: visible; = pointer-events: auto; transition-delay: 0s; } .localbar.lb .r a { display: block; font-weight: 400; line-height: 1.35; = letter-spacing: -0.01em; white-space: normal; padding: 11px 22px !important= ; font-size: 16px !important; color: var(--ink,#1d1d1f) !important; border:= 0px !important; background: none !important; } .localbar.lb .r a.act { font-weight: 600; pointer-events: auto; color: va= r(--ink,#1d1d1f) !important; } .localbar.lb .r a.lb-btn { display: block; margin: 12px 22px 6px; text-al= ign: center; border-radius: 12px; font-weight: 500; padding: 13px 18px !imp= ortant; background: var(--blue,#0071e3) !important; color: rgb(255, 255, 25= 5) !important; font-size: 16px !important; } .localbar.lb[data-adminnav] .r a.act { background: rgb(29, 29, 31); borde= r-radius: 10px; margin: 0px 12px; color: rgb(255, 255, 255) !important; pad= ding: 11px 14px !important; } .localbar.lb[data-adminnav] .r a#out { margin-top: 4px; border-top: 1px s= olid rgb(240, 240, 242); color: rgb(176, 57, 42) !important; } } .localbar .in { gap: 22px; } @media (min-width: 834px) { .localbar.lb .r { min-width: 0px; overflow: auto hidden; scrollbar-width:= none; } .localbar.lb .r::-webkit-scrollbar { display: none; } } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.superfile.com/assets/realnav.css?v=2&d=aa0a05b @charset "utf-8"; html { scroll-padding-top: var(--sf-scroll-pad,64px); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } .gnav { height: 44px; background: rgba(250, 250, 252, 0.8); backdrop-filter= : saturate(1.8) blur(20px); border-bottom: 1px solid rgba(0, 0, 0, 0.07); p= osition: sticky; top: 0px; z-index: 30; } .gnav .in { max-width: 1024px; margin: 0px auto; height: 100%; padding: 0px= 22px; display: flex; align-items: center; justify-content: center; gap: 40= px; font-size: 12px; letter-spacing: -0.01em; } .gnav a { text-decoration: none; color: rgba(29, 29, 31, 0.8); transition: = color 0.1s; } .gnav a:hover { color: rgb(0, 0, 0); text-decoration: none; } .gnav .lg { height: 15.4px; width: 68px; color: var(--ink,#1d1d1f); display= : block; } .gnav .ndrop { position: relative; display: inline-flex; align-items: cente= r; } .gnav .ndrop > .ntop { cursor: pointer; } .gnav .nmenu { position: absolute; top: 100%; left: 50%; transform: transla= teX(-50%) translateY(8px); min-width: 184px; background: rgb(255, 255, 255)= ; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 12px; box-shadow: r= gba(0, 0, 0, 0.16) 0px 14px 38px; padding: 7px; opacity: 0; visibility: hid= den; pointer-events: none; transition: opacity 0.18s, transform 0.18s; z-in= dex: 130; } .gnav .nmenu::before { content: ""; position: absolute; left: 0px; right: 0= px; top: -10px; height: 10px; } .gnav .nmenu a { display: block; color: var(--ink,#1d1d1f); font-size: 13.5= px; font-weight: 400; padding: 9px 14px; border-radius: 8px; white-space: n= owrap; } .gnav .nmenu a:hover { background: rgb(245, 245, 247); color: rgb(0, 0, 0);= text-decoration: none; } .gnav .ndrop:hover .nmenu, .gnav .ndrop:focus-within .nmenu { opacity: 1; v= isibility: visible; pointer-events: auto; transform: translateX(-50%) trans= lateY(2px); } .mnavb { display: flex; align-items: center; justify-content: center; min-w= idth: 40px; min-height: 40px; border: 0px; background: none; cursor: pointe= r; color: var(--ink,#1d1d1f); padding: 6px; margin-left: 2px; -webkit-tap-h= ighlight-color: transparent; } .sipill { background: var(--blue,#0071E3); border-radius: 999px; padding: 4= .5px 13px; line-height: 1; display: inline-flex; align-items: center; white= -space: nowrap; transition: background 0.15s; color: rgb(255, 255, 255) !im= portant; } .sipill:hover { background: var(--blue-h,#0077ED); color: rgb(255, 255, 255= ); text-decoration: none !important; } .gnav.agnav .in { justify-content: flex-end; max-width: 1024px; padding: 0p= x 22px; gap: 28px; } .gnav.agnav .in > a:first-child { margin-right: auto; } .agnav .gico { display: flex !important; color: var(--ink,#1d1d1f); } .agnav .gico.bag-hidden { display: none !important; } .agnav .mnavb { display: none; } .gnav .gico { align-items: center; justify-content: center; min-height: 44p= x; padding: 0px 5px; } @media (max-width: 740px) { .gnav .in { gap: 20px; padding: 0px 14px; } .gnav.agnav .in { gap: 18px; padding: 0px 16px; } .gnav.agnav .in > a:not(:first-child):not(.gico) { display: none; } .gnav.agnav .in > .ndrop { display: none; } .gnav.agnav .in > .sipill { display: inline-flex !important; } .agnav .mnavb { display: flex; } .mnavb { align-items: center; justify-content: center; min-height: 44px; = } } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.superfile.com/pagesrc/_docs.css?v=179&d=aa0a05b @charset "utf-8"; .docs { max-width: 1360px; margin: 0px auto; padding: 28px 24px 96px; displ= ay: grid; grid-template-columns: 248px minmax(0px, 1fr) 208px; gap: 56px; a= lign-items: start; } .docs a { color: var(--link); } .docs a:hover { text-decoration: underline; } .docs-side { position: sticky; top: 104px; max-height: calc(-120px + 100vh)= ; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; } .docs-side .sdrawer > summary { display: none; } .docs-side .sbody { display: block; } .ssearch { position: relative; margin: 2px 0px 18px; } .ssearch input { width: 100%; box-sizing: border-box; height: 36px; border:= 1px solid var(--line); border-radius: 10px; padding: 0px 12px 0px 34px; fo= nt-style: inherit; font-variant: inherit; font-weight: inherit; font-stretc= h: inherit; line-height: inherit; font-family: inherit; font-optical-sizing= : inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-s= ettings: inherit; font-variation-settings: inherit; font-language-override:= inherit; font-size: 14px; color: var(--ink); background: url("data:image/s= vg+xml,%3Csvg xmlns=3D'http://www.w3.org/2000/svg' viewBox=3D'0 0 24 24' fi= ll=3D'none' stroke=3D'%2386868B' stroke-width=3D'2' stroke-linecap=3D'round= '%3E%3Ccircle cx=3D'11' cy=3D'11' r=3D'7'/%3E%3Cpath d=3D'M20 20l-3.5-3.5'/= %3E%3C/svg%3E") 10px 50% / 16px auto no-repeat rgb(255, 255, 255); outline:= 0px; transition: border-color 0.15s, box-shadow 0.15s; } .ssearch input:focus { border-color: var(--blue); box-shadow: rgba(0, 113, = 227, 0.18) 0px 0px 0px 3px; } .ssearch input::-webkit-search-cancel-button { appearance: none; } .sresults { position: absolute; left: 0px; right: 0px; top: 40px; z-index: = 40; background: rgb(255, 255, 255); border: 1px solid var(--line); border-r= adius: 12px; box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 50px -18px; padding: = 6px; max-height: 60vh; overflow: auto; } .sresults[hidden] { display: none; } .sresults a { display: block; padding: 8px 10px; border-radius: 8px; text-d= ecoration: none; color: var(--ink); } .sresults a:hover, .sresults a.sel { background: var(--panel); text-decorat= ion: none; } .sresults a b { display: block; font-size: 14px; font-weight: 600; letter-s= pacing: -0.01em; } .sresults a span { display: block; font-size: 12.5px; color: var(--grey); m= argin-top: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellip= sis; } .sresults .none { padding: 10px; font-size: 13.5px; color: var(--grey); } .snav .sgroup { margin: 0px 0px 18px; } .snav h4 { margin: 0px 0px 6px; font-size: 12px; font-weight: 600; letter-s= pacing: 0.06em; text-transform: uppercase; color: var(--grey-l); } .snav ul { list-style: none; margin: 0px; padding: 0px; } .snav li a { display: block; padding: 6px 10px; margin: 0px 0px 1px -10px; = border-radius: 8px; font-size: 14.5px; line-height: 1.35; color: var(--ink)= ; text-decoration: none; letter-spacing: -0.006em; } .snav li a:hover { background: var(--panel); text-decoration: none; } .snav li a.on { background: rgba(0, 113, 227, 0.09); color: var(--blue); fo= nt-weight: 600; } .vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: = rect(0px, 0px, 0px, 0px); white-space: nowrap; } .docs-main { min-width: 0px; max-width: 760px; } .docs-crumb { display: flex; align-items: center; gap: 8px; font-size: 13.5= px; color: var(--grey); margin: 2px 0px 22px; flex-wrap: wrap; } .docs-crumb a { color: var(--grey); text-decoration: none; } .docs-crumb a:hover { color: var(--ink); text-decoration: none; } .docs-crumb .here { color: var(--ink); } .docs-body { font-size: 17px; line-height: 1.58; color: var(--ink); letter-= spacing: -0.006em; } .docs-body > :first-child { margin-top: 0px; } .docs-body h1 { font-size: clamp(34px, 4.2vw, 44px); font-weight: 600; lett= er-spacing: -0.028em; line-height: 1.08; margin: 0px 0px 14px; } .docs-body h1 + p { font-size: 20px; line-height: 1.45; color: var(--grey);= margin: 0px 0px 30px; } .docs-body h2 { font-size: 26px; font-weight: 600; letter-spacing: -0.022em= ; line-height: 1.2; margin: 46px 0px 12px; padding-top: 6px; position: rela= tive; } .docs-body h3 { font-size: 19px; font-weight: 600; letter-spacing: -0.014em= ; line-height: 1.3; margin: 30px 0px 8px; position: relative; } .docs-body h4 { font-size: 16px; font-weight: 600; margin: 22px 0px 6px; } .docs-body h2 .anchor, .docs-body h3 .anchor { position: absolute; left: -2= 2px; top: 0px; color: var(--grey-l); text-decoration: none; opacity: 0; fon= t-weight: 400; transition: opacity 0.15s; } .docs-body h2:hover .anchor, .docs-body h3:hover .anchor { opacity: 1; } .docs-body h2 .anchor:hover, .docs-body h3 .anchor:hover { color: var(--blu= e); text-decoration: none; } .docs-body h2, .docs-body h3 { scroll-margin-top: 112px; } .docs-body p { margin: 0px 0px 16px; } .docs-body ul, .docs-body ol { margin: 0px 0px 18px; padding-left: 24px; } .docs-body li { margin: 0px 0px 6px; } .docs-body li > p { margin: 0px 0px 6px; } .docs-body li ul, .docs-body li ol { margin: 6px 0px 4px; } .docs-body hr { border-right: 0px; border-bottom: 0px; border-left: 0px; bo= rder-image: none; border-top: 1px solid var(--hair); margin: 36px 0px; } .docs-body code { font-family: var(--mono); font-size: 0.86em; background: = var(--panel); border-radius: 6px; padding: 0.12em 0.4em; color: rgb(29, 29,= 31); word-break: break-word; } .docs-body strong { font-weight: 600; } .docs-body blockquote { margin: 0px 0px 18px; padding: 2px 0px 2px 18px; bo= rder-left: 3px solid var(--line); color: var(--grey); } .docs-body img { max-width: 100%; height: auto; border-radius: 12px; } .docs-upd { margin: 40px 0px 0px; font-size: 13px; color: var(--grey-l); } .callout { margin: 0px 0px 20px; padding: 14px 18px; border-radius: 12px; b= ackground: var(--panel); border: 1px solid var(--hair); font-size: 15.5px; = line-height: 1.5; } .callout p { margin: 0px; } .callout p + p { margin-top: 8px; } .callout b { font-weight: 600; } .callout.note { background: rgb(238, 245, 255); border-color: rgb(214, 230,= 251); } .callout.note b { color: var(--blue); } .callout.warning { background: rgb(255, 246, 230); border-color: rgb(247, 2= 26, 184); } .callout.warning b { color: rgb(160, 90, 0); } .callout.tip { background: rgb(238, 250, 241); border-color: rgb(207, 238, = 218); } .callout.tip b { color: var(--green); } .tblwrap { overflow-x: auto; margin: 0px 0px 22px; border: 1px solid var(--= hair); border-radius: 12px; } .docs-body table { border-collapse: collapse; width: 100%; font-size: 14.5p= x; line-height: 1.45; } .docs-body th, .docs-body td { text-align: left; vertical-align: top; paddi= ng: 10px 14px; border-bottom: 1px solid var(--hair); } .docs-body th { font-weight: 600; background: var(--panel); white-space: no= wrap; font-size: 13px; letter-spacing: 0.01em; color: var(--grey); } .docs-body tr:last-child td { border-bottom: 0px; } .docs-body td code, .docs-body th code { white-space: nowrap; } figure.code { margin: 0px 0px 22px; border-radius: 12px; overflow: hidden; = background: rgb(20, 20, 22); border: 1px solid rgb(42, 42, 46); } figure.code figcaption { display: flex; align-items: center; justify-conten= t: space-between; padding: 7px 12px 7px 14px; background: rgb(29, 29, 32); = color: rgb(154, 154, 161); font-size: 12px; font-weight: 500; letter-spacin= g: 0.02em; font-family: var(--sans); } figure.code figcaption span:empty::before { content: attr(data-lang); } figure.code pre { margin: 0px; padding: 14px 16px; overflow-x: auto; font-f= amily: var(--mono); font-size: 13.5px; line-height: 1.55; color: rgb(230, 2= 30, 232); tab-size: 2; } figure.code code { background: none; padding: 0px; border-radius: 0px; font= -size: inherit; color: inherit; } figure.code .s { color: rgb(168, 217, 119); } figure.code .c { color: rgb(125, 125, 134); font-style: italic; } figure.code .n { color: rgb(242, 195, 107); } figure.code .w { color: rgb(142, 195, 255); } figure.code .k { color: rgb(201, 182, 255); } figure.code .copy { appearance: none; border: 1px solid rgb(58, 58, 64); ba= ckground: transparent; color: rgb(201, 201, 207); font-style: inherit; font= -variant: inherit; font-weight: inherit; font-stretch: inherit; line-height= : inherit; font-family: inherit; font-optical-sizing: inherit; font-size-ad= just: inherit; font-kerning: inherit; font-feature-settings: inherit; font-= variation-settings: inherit; font-language-override: inherit; font-size: 12= px; border-radius: 7px; padding: 3px 10px; cursor: pointer; transition: bac= kground 0.15s, color 0.15s, border-color 0.15s; } figure.code .copy:hover { background: rgb(42, 42, 46); color: rgb(255, 255,= 255); } figure.code .copy.done { border-color: var(--green); color: rgb(95, 211, 12= 2); } .tabs { margin: 0px 0px 22px; } .tabbar { display: flex; gap: 4px; margin: 0px 0px -1px; padding: 0px 0px 0= px 2px; } .tabbar button { appearance: none; border-width: 1px 1px 0px; border-style:= solid solid none; border-color: transparent transparent currentcolor; bord= er-image: none; background: transparent; font-style: inherit; font-variant:= inherit; font-stretch: inherit; line-height: inherit; font-family: inherit= ; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: in= herit; font-feature-settings: inherit; font-variation-settings: inherit; fo= nt-language-override: inherit; font-size: 13px; font-weight: 500; color: va= r(--grey); padding: 7px 14px; border-radius: 9px 9px 0px 0px; cursor: point= er; } .tabbar button:hover { color: var(--ink); } .tabbar button.on { color: rgb(255, 255, 255); background: rgb(29, 29, 32);= border-color: rgb(42, 42, 46); } .tabpane { display: none; } .tabpane.on { display: block; } .tabs figure.code { margin: 0px; border-top-left-radius: 0px; } .docs-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin= : 56px 0px 0px; padding-top: 24px; border-top: 1px solid var(--hair); } .docs-pn a { display: flex; flex-direction: column; gap: 3px; padding: 14px= 16px; border: 1px solid var(--hair); border-radius: 12px; text-decoration:= none; color: var(--ink); transition: border-color 0.15s, background 0.15s;= } .docs-pn a:hover { border-color: var(--line); background: var(--panel); tex= t-decoration: none; } .docs-pn a.next { text-align: right; align-items: flex-end; } .docs-pn small { font-size: 12px; color: var(--grey); text-transform: upper= case; letter-spacing: 0.06em; font-weight: 600; } .docs-pn span { font-size: 15px; font-weight: 600; letter-spacing: -0.01em;= color: var(--blue); } .docs-toc { position: sticky; top: 104px; max-height: calc(-120px + 100vh);= overflow: auto; font-size: 13.5px; } .docs-toc h4 { margin: 0px 0px 8px; font-size: 12px; font-weight: 600; lett= er-spacing: 0.06em; text-transform: uppercase; color: var(--grey-l); } .docs-toc ul { list-style: none; margin: 0px; padding: 0px; border-left: 1p= x solid var(--hair); } .docs-toc li a { display: block; padding: 4px 0px 4px 14px; margin-left: -1= px; border-left: 2px solid transparent; color: var(--grey); text-decoration= : none; line-height: 1.35; transition: color 0.15s, border-color 0.15s; } .docs-toc li.d3 a { padding-left: 26px; font-size: 13px; } .docs-toc li a:hover { color: var(--ink); text-decoration: none; } .docs-toc li a.on { color: var(--blue); border-left-color: var(--blue); } .cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; m= argin: 26px 0px 34px; } .cards .card { display: flex; flex-direction: column; gap: 6px; padding: 18= px 18px 20px; border: 1px solid var(--hair); border-radius: 14px; backgroun= d: rgb(255, 255, 255); text-decoration: none; color: var(--ink); transition= : transform 0.15s, border-color 0.15s, box-shadow 0.15s; } .cards .card:hover { text-decoration: none; border-color: var(--line); tran= sform: translateY(-1px); box-shadow: rgba(0, 0, 0, 0.35) 0px 14px 34px -22p= x; } .cards .card b { font-size: 16.5px; font-weight: 600; letter-spacing: -0.01= 4em; color: var(--blue); } .cards .card span { font-size: 14.5px; line-height: 1.45; color: var(--grey= ); } @media (max-width: 1180px) { .docs { grid-template-columns: 230px minmax(0px, 1fr); gap: 40px; } .docs-toc { display: none; } .docs-main { max-width: none; } } @media (max-width: 860px) { .docs { display: block; padding: 16px 18px 72px; } .docs-side { position: static; max-height: none; overflow: visible; margi= n: 0px 0px 22px; } .docs-side .sdrawer { border: 1px solid var(--line); border-radius: 12px;= background: rgb(255, 255, 255); } .docs-side .sdrawer > summary { display: flex; align-items: center; justi= fy-content: space-between; list-style: none; cursor: pointer; padding: 12px= 14px; font-size: 15px; font-weight: 600; letter-spacing: -0.01em; } .docs-side .sdrawer > summary::-webkit-details-marker { display: none; } .docs-side .sum-i { width: 10px; height: 10px; border-right: 2px solid va= r(--grey); border-bottom: 2px solid var(--grey); transform: rotate(45deg); = margin: -4px 4px 0px 0px; transition: transform 0.2s; } .docs-side .sdrawer[open] .sum-i { transform: rotate(-135deg); margin-top= : 4px; } .docs-side .sbody { padding: 4px 14px 12px; border-top: 1px solid var(--h= air); } .snav li a { margin-left: 0px; } .docs-body { font-size: 16.5px; } .docs-body h1 { font-size: 32px; } .docs-body h1 + p { font-size: 18px; } .docs-body h2 { font-size: 23px; margin-top: 38px; } .docs-body h2 .anchor, .docs-body h3 .anchor { display: none; } .cards { grid-template-columns: 1fr; } .docs-pn { grid-template-columns: 1fr; } .docs-pn a.next { text-align: left; align-items: flex-start; } figure.code pre { font-size: 12.5px; } } @media (prefers-reduced-motion: reduce) { .docs * { transition: none !important; } } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://docs.superfile.com/assets/base.css?v=14&d=aa0a05b @charset "utf-8"; :root { --blue: #0071E3; --blue-h: #0077ED; --link: #06c; --ink: #1D1D1F; -= -grey: #6E6E73; --grey-l: #86868B; --line: #D2D2D7; --hair: #E8E8ED; --pane= l: #F5F5F7; --green: #248A3D; --acid: #D1FF00; --sans: -apple-system,BlinkM= acSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",system-ui,sans= -serif; --mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace; } * { box-sizing: border-box; margin: 0px; padding: 0px; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); scroll-behavior: smoo= th; } .mnavb { display: flex; border: 0px; background: none; cursor: pointer; col= or: var(--ink); padding: 6px; margin-left: 2px; -webkit-tap-highlight-color= : transparent; } .mmov { position: fixed; inset: 0px; background: rgb(251, 251, 253); z-inde= x: 220; display: block; visibility: hidden; opacity: 0; pointer-events: non= e; transition: opacity 0.32s, visibility linear 0.32s; padding: 96px 38px 3= 4px; overflow: auto; } .mmov.open { visibility: visible; opacity: 1; pointer-events: auto; transit= ion: opacity 0.32s; } .mmx { position: absolute; top: 18px; right: 20px; border: 0px; background:= none; cursor: pointer; font-size: 21px; color: var(--ink); padding: 8px; l= ine-height: 1; transition: opacity 0.32s; } .mmx:hover, .mmx:active { opacity: 0.5; } .mmov nav { max-width: 920px; margin: 0px auto; } .mmov nav a { display: block; font-size: clamp(28px, 3vw, 38px); font-weigh= t: 600; letter-spacing: -0.01em; color: var(--ink); padding: 16px 0px; text= -decoration: none; opacity: 0; transform: translateY(14px); transition: col= or 0.32s; } .mmov nav a.msub { font-size: clamp(20px, 2.2vw, 26px); font-weight: 500; p= adding-left: 22px; color: rgb(110, 110, 115); } .mmov nav a:hover, .mmov nav a:active { text-decoration: none; color: rgb(1= 34, 134, 139); } .mmov.open nav a { animation-duration: 0.46s; animation-timing-function: cu= bic-bezier(0.2, 0.6, 0.2, 1); animation-iteration-count: 1; animation-direc= tion: normal; animation-fill-mode: forwards; animation-play-state: running;= animation-name: mmin; animation-timeline: auto; animation-range: normal; a= nimation-delay: calc(var(--i)*38ms); } @keyframes mmin {=20 100% { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .mmov nav a { opacity: 1; transform: none; } .mmov.open nav a { animation: auto ease 0s 1 normal none running none; } } body { background: rgb(255, 255, 255); color: var(--ink); font-family: var(= --sans); font-size: 17px; line-height: 1.47; -webkit-font-smoothing: antial= iased; } a { color: var(--link); text-decoration: none; } a:hover { text-decoration: underline; } ::selection { background: var(--blue); color: rgb(255, 255, 255); } .gnav { height: 44px; background: rgba(250, 250, 252, 0.8); backdrop-filter= : saturate(1.8) blur(20px); border-bottom: 1px solid rgba(0, 0, 0, 0.07); p= osition: sticky; top: 0px; z-index: 30; } .gnav .in { max-width: 1024px; margin: 0px auto; height: 100%; padding: 0px= 22px; display: flex; align-items: center; justify-content: center; gap: 40= px; font-size: 12px; letter-spacing: -0.01em; } .gnav a { text-decoration: none; color: rgba(29, 29, 31, 0.8); transition: = color 0.1s; } .gnav a:hover { color: rgb(0, 0, 0); text-decoration: none; } .gnav .lg { height: 15.4px; width: 68px; color: var(--ink); display: block;= } .gnav .ndrop { position: relative; display: inline-flex; align-items: cente= r; } .gnav .ndrop > .ntop { cursor: pointer; } .gnav .nmenu { position: absolute; top: 100%; left: 50%; transform: transla= teX(-50%) translateY(8px); min-width: 184px; background: rgb(255, 255, 255)= ; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 12px; box-shadow: r= gba(0, 0, 0, 0.16) 0px 14px 38px; padding: 7px; opacity: 0; visibility: hid= den; pointer-events: none; transition: opacity 0.18s, transform 0.18s; z-in= dex: 130; } .gnav .nmenu::before { content: ""; position: absolute; left: 0px; right: 0= px; top: -10px; height: 10px; } .gnav .nmenu a { display: block; color: var(--ink); font-size: 13.5px; font= -weight: 400; padding: 9px 14px; border-radius: 8px; white-space: nowrap; } .gnav .nmenu a:hover { background: rgb(245, 245, 247); color: rgb(0, 0, 0);= text-decoration: none; } .gnav .ndrop:hover .nmenu, .gnav .ndrop:focus-within .nmenu { opacity: 1; v= isibility: visible; pointer-events: auto; transform: translateX(-50%) trans= lateY(2px); } .head { max-width: 760px; margin: 0px auto; padding: 64px 24px 30px; text-a= lign: center; } .head h1 { font-size: clamp(38px, 6.4vw, 60px); font-weight: 600; letter-sp= acing: -0.01em; line-height: 1.05; } .head .sub { margin-top: 16px; font-size: 21px; color: var(--ink); font-wei= ght: 400; line-height: 1.4; } .head .sub.grey { color: var(--grey); font-size: 17px; } main { max-width: 980px; margin: 0px auto; padding: 10px 24px 40px; } .btn { display: inline-block; background: var(--blue); color: rgb(255, 255,= 255); border-radius: 12px; padding: 12px 28px; font-size: 16px; letter-spa= cing: -0.016em; text-decoration: none; border: 0px; cursor: pointer; font-f= amily: var(--sans); transition: background 0.15s; } .btn:hover { background: var(--blue-h); text-decoration: none; } .btn.ghost { background: rgb(255, 255, 255); color: var(--ink); border: 1px= solid var(--line); } .btn.ghost:hover { border-color: rgb(134, 134, 139); } h2.sec { font-size: clamp(24px, 3vw, 30px); font-weight: 600; letter-spacin= g: -0.01em; margin: 52px 0px 6px; text-align: center; } .sec-sub { text-align: center; color: var(--grey); font-size: 16px; max-wid= th: 56ch; margin: 0px auto 22px; } .ld { opacity: 0; transform: translateY(10px); animation-duration: 0.6s; an= imation-timing-function: cubic-bezier(0.2, 0.6, 0.2, 1); animation-iteratio= n-count: 1; animation-direction: normal; animation-fill-mode: forwards; ani= mation-play-state: running; animation-name: pin; animation-timeline: auto; = animation-range: normal; animation-delay: var(--d,0s); } @keyframes pin {=20 100% { opacity: 1; transform: none; } } a:focus-visible, button:focus-visible { outline: rgba(0, 125, 250, 0.6) sol= id 4px; outline-offset: 1px; border-radius: 8px; } @media (prefers-reduced-motion: reduce) { .ld { animation: auto ease 0s 1 normal none running none; opacity: 1; tra= nsform: none; } } .sipill { background: var(--blue); border-radius: 999px; padding: 4.5px 13p= x; line-height: 1; display: inline-flex; align-items: center; white-space: = nowrap; transition: background 0.15s; color: rgb(255, 255, 255) !important;= } .sipill:hover { background: var(--blue-h); color: rgb(255, 255, 255); text-= decoration: none !important; } .gnav.agnav .in { justify-content: flex-end; max-width: 1024px; padding: 0p= x 22px; gap: 28px; } .gnav.agnav .in > a:first-child { margin-right: auto; } .agnav .gico { display: flex !important; color: var(--ink); } .agnav .mnavb { display: none; } .afoot { background: var(--panel); border-top: 1px solid var(--hair); font-= size: 12px; color: var(--grey); margin-top: 60px; } .afoot .in { max-width: 1024px; margin: 0px auto; padding: 0px 22px; } .afoot a { text-decoration: none; color: rgb(66, 66, 69); } .afoot a:hover { text-decoration: underline; } .fcrumb { display: flex; align-items: center; gap: 10px; padding: 17px 0px;= border-bottom: 1px solid var(--line); font-size: 11.5px; color: var(--grey= ); } .fcrumb .here { color: var(--ink); } .dir { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; pad= ding: 20px 0px; border-bottom: 1px solid var(--line); } .dir h6 { font-size: 12px; font-weight: 600; color: var(--ink); margin-bott= om: 9px; } .dir h6.gap { margin-top: 22px; } .dir ul { list-style: none; padding: 0px; } .dir li { margin-bottom: 8px; font-size: 12px; } .more { padding: 13px 0px; border-bottom: 1px solid var(--line); color: var= (--grey); } .more a { color: rgb(0, 102, 204); } .legalrow { display: flex; align-items: center; gap: 14px; flex-wrap: wrap;= padding: 12px 0px 26px; color: var(--grey-l); font-size: 11.5px; } .legalrow .c { margin-right: auto; } .legalrow .links a { padding: 0px 10px; border-right: 1px solid var(--line)= ; color: rgb(66, 66, 69); } .legalrow .links a:last-child { border-right: 0px; } @media (max-width: 740px) { .gnav .in { gap: 20px; padding: 0px 14px; } .gnav.agnav .in { gap: 18px; padding: 0px 16px; } .gnav.agnav .in > a:not(:first-child):not(.gico) { display: none; } .gnav.agnav .in > .ndrop { display: none; } .gnav.agnav .in > .sipill { display: inline-flex !important; } .agnav .mnavb { display: flex; } .localbar .in { padding: 0px 16px; height: 48px; } .localbar .t { font-size: 16px; } .localbar .r { gap: 14px; font-size: 12px; } .head { padding: 44px 20px 24px; } .head h1 { font-size: clamp(32px, 9vw, 40px); } .head .sub { font-size: 17px; } main { padding: 8px 16px 40px; } .pcards, .bens, .tiers { grid-template-columns: 1fr; gap: 14px; } h2.sec { margin-top: 38px; } .dir { display: block; padding: 0px; } .dir h6 { position: relative; margin: 0px; padding: 14px 0px; border-top:= 1px solid var(--line); cursor: pointer; } .dir > div:first-child h6:first-child { border-top: 0px; } .dir h6.gap { margin-top: 0px; } .dir h6::after { content: "+"; position: absolute; right: 2px; top: 50%; = transform: translateY(-50%); font-size: 17px; font-weight: 300; color: var(= --grey-l); } .dir h6.open::after { content: "=E2=88=92"; } .dir ul { display: none; padding: 0px 0px 14px; } .dir h6.open + ul { display: block; } .legalrow .c { margin-right: 0px; width: 100%; } } .gnav .gico { align-items: center; justify-content: center; min-height: 44p= x; padding: 0px 5px; } .mnavb { align-items: center; justify-content: center; min-height: 44px; } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-d483d455-9c57-4141-9fd6-4cd73e4163b4@mhtml.blink @charset "utf-8"; .sfck { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 24= 0; max-width: 720px; margin: 0px auto; background: rgb(255, 255, 255); bord= er: 1px solid rgb(232, 232, 237); border-radius: 16px; box-shadow: rgba(0, = 0, 0, 0.16) 0px 12px 40px; opacity: 0; transform: translateY(14px); transit= ion: opacity 0.24s, transform 0.24s; } .sfck.show { opacity: 1; transform: none; } .sfck-in { padding: 18px 20px; display: flex; flex-wrap: wrap; align-items:= center; gap: 14px 18px; } .sfck-txt { flex: 1 1 320px; font-size: 12.5px; line-height: 1.55; color: r= gb(58, 58, 60); margin: 0px; } .sfck-txt a { color: rgb(0, 102, 204); text-decoration: none; } .sfck-txt a:hover { text-decoration: underline; } .sfck-act { display: flex; flex-wrap: wrap; gap: 10px; flex: 0 0 auto; marg= in-left: auto; } .sfck-b { font-style: inherit; font-variant: inherit; font-stretch: inherit= ; line-height: inherit; font-family: inherit; font-optical-sizing: inherit;= font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: i= nherit; font-variation-settings: inherit; font-language-override: inherit; = font-size: 13px; font-weight: 500; cursor: pointer; border-radius: 980px; p= adding: 9px 18px; border: 1px solid rgb(0, 113, 227); background: rgb(0, 11= 3, 227); color: rgb(255, 255, 255); transition: background 0.15s, border-co= lor 0.15s, color 0.15s; white-space: nowrap; } .sfck-b:hover { background: rgb(0, 119, 237); } .sfck-b.ghost { background: rgb(255, 255, 255); color: rgb(29, 29, 31); bor= der-color: rgb(210, 210, 215); } .sfck-b.ghost:hover { border-color: rgb(134, 134, 139); } @media (max-width: 560px) { .sfck-act { margin-left: 0px; width: 100%; } .sfck-b { flex: 1 1 auto; } } .sfpc { position: fixed; inset: 0px; z-index: 250; display: flex; align-ite= ms: center; justify-content: center; padding: 20px; } .sfck[hidden], .sfpc[hidden] { display: none !important; } .sfpc-back { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.42= ); opacity: 0; transition: opacity 0.22s; } .sfpc.show .sfpc-back { opacity: 1; } .sfpc-panel { position: relative; width: 100%; max-width: 600px; max-height= : 86vh; display: flex; flex-direction: column; background: rgb(255, 255, 25= 5); border-radius: 18px; box-shadow: rgba(0, 0, 0, 0.3) 0px 24px 70px; opac= ity: 0; transform: translateY(12px) scale(0.98); transition: opacity 0.22s,= transform 0.22s; } .sfpc.show .sfpc-panel { opacity: 1; transform: none; } .sfpc-head { display: flex; align-items: center; justify-content: space-bet= ween; gap: 12px; padding: 20px 22px 14px; border-bottom: 1px solid rgb(237,= 237, 240); } .sfpc-head h2 { font-size: 19px; font-weight: 600; color: rgb(29, 29, 31); = margin: 0px; } .sfpc-x { border: 0px; background: none; font-size: 17px; line-height: 1; c= olor: rgb(134, 134, 139); cursor: pointer; padding: 6px; border-radius: 8px= ; } .sfpc-x:hover { background: rgb(242, 242, 244); color: rgb(29, 29, 31); } .sfpc-body { overflow-y: auto; padding: 18px 22px 6px; } .sfpc-intro { font-size: 12.5px; line-height: 1.6; color: rgb(58, 58, 60); = margin: 0px 0px 14px; } .sfpc-intro a { color: rgb(0, 102, 204); text-decoration: none; } .sfpc-intro a:hover { text-decoration: underline; } .sfpc-gpc { display: none; align-items: flex-start; gap: 8px; font-size: 12= px; line-height: 1.45; color: rgb(31, 122, 67); background: rgb(237, 247, 2= 40); border: 1px solid rgb(205, 235, 214); border-radius: 11px; padding: 10= px 12px; margin: 0px 0px 16px; } .sfpc-gpc.on { display: flex; } .sfpc-cat { border: 1px solid rgb(234, 234, 238); border-radius: 12px; marg= in-bottom: 10px; overflow: hidden; } .sfpc-cat-h { display: flex; align-items: center; gap: 12px; padding: 13px = 15px; } .sfpc-cat-t { flex: 1 1 0%; display: flex; align-items: center; gap: 9px; f= ont-style: inherit; font-variant: inherit; font-stretch: inherit; line-heig= ht: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-= adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; fon= t-variation-settings: inherit; font-language-override: inherit; font-size: = 14px; font-weight: 600; color: rgb(29, 29, 31); background: none; border: 0= px; cursor: pointer; text-align: left; padding: 0px; } .sfpc-chev { display: inline-block; font-size: 12px; color: rgb(134, 134, 1= 39); transition: transform 0.18s; } .sfpc-cat.open .sfpc-chev { transform: rotate(90deg); } .sfpc-always { font-size: 12px; font-weight: 600; color: rgb(31, 122, 67); = flex: 0 0 auto; } .sfpc-cat-b { padding: 0px 15px 14px 36px; font-size: 12.5px; line-height: = 1.6; color: rgb(90, 90, 94); } .sfpc-cat-b[hidden] { display: none; } .sfpc-sw { position: relative; flex: 0 0 auto; width: 42px; height: 24px; d= isplay: inline-block; } .sfpc-sw input { position: absolute; opacity: 0; width: 100%; height: 100%;= margin: 0px; cursor: pointer; } .sfpc-sl { position: absolute; inset: 0px; background: rgb(199, 199, 204); = border-radius: 999px; transition: background 0.18s; } .sfpc-sl::before { content: ""; position: absolute; top: 3px; left: 3px; wi= dth: 18px; height: 18px; background: rgb(255, 255, 255); border-radius: 50%= ; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px; transition: transform 0.18s;= } .sfpc-sw input:checked + .sfpc-sl { background: rgb(52, 199, 89); } .sfpc-sw input:checked + .sfpc-sl::before { transform: translateX(18px); } .sfpc-sw input:focus-visible + .sfpc-sl { outline: rgba(0, 125, 250, 0.5) s= olid 3px; outline-offset: 2px; } .sfpc-foot { display: flex; flex-wrap: wrap; gap: 10px; justify-content: fl= ex-end; padding: 14px 22px 20px; border-top: 1px solid rgb(237, 237, 240); = } @media (max-width: 560px) { .sfpc { padding: max(16px,env(safe-area-inset-top)) 16px max(16px,env(saf= e-area-inset-bottom)); } .sfpc-panel { max-height: calc(100dvh - 32px - env(safe-area-inset-top) -= env(safe-area-inset-bottom)); } .sfpc-foot { flex-direction: column-reverse; } .sfpc-foot .sfck-b { width: 100%; } } @media (prefers-reduced-motion: reduce) { .sfck, .sfpc-back, .sfpc-panel { transition: none; } } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-fb7c7d72-38f5-4acc-8f52-f1316a812e28@mhtml.blink @charset "utf-8"; .spmode { display: inline-flex; align-items: center; gap: 5px; border: 1px = solid var(--hair,#E8E8ED); background: rgb(255, 255, 255); border-radius: 9= 99px; padding: 4px 11px 4px 8px; margin-right: 4px; cursor: pointer; flex: = 0 0 auto; font-family: var(--sans,-apple-system,BlinkMacSystemFont,"SF Pro = Text",system-ui,sans-serif); font-size: 12px; font-weight: 600; letter-spac= ing: -0.01em; color: rgb(10, 108, 255); white-space: nowrap; transition: ba= ckground 0.12s, border-color 0.12s; } .spmode:hover { background: rgb(247, 250, 255); border-color: rgb(10, 108, = 255); } .spmode svg { width: 13px; height: 13px; flex: 0 0 auto; } .sphead:has(.spmode) .sprole { display: none; } .spchat.textmode .spstage, .spchat.textmode .spminibar, .spchat.textmode .s= pmic { display: none !important; } .spchat.textmode .spbody { padding-top: 14px; } @media (max-width: 420px) { .spmode span { display: none; } .spmode { padding: 4px 8px; } } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-34b1cf8d-39cd-47e5-bc46-7ba31fb02b41@mhtml.blink @charset "utf-8"; .gnav .ndrop { position: relative; display: inline-flex; align-items: cente= r; } .gnav .ndrop > .ntop { cursor: pointer; display: inline-flex; align-items: = center; gap: 5px; padding: 5px 11px; margin: 0px -4px; border-radius: 999px= ; transition: background 0.16s, color 0.16s; } .gnav .ndrop:hover > .ntop { background: rgba(0, 0, 0, 0.05); } .gnav .ndrop.on > .ntop { background: rgba(0, 113, 227, 0.12); color: rgb(0= , 113, 227); } .gnav .ndrop > .ntop .ncar { width: 9px; height: 9px; transition: transform= 0.2s; opacity: 0.6; } .gnav .ndrop.on > .ntop .ncar { transform: rotate(180deg); opacity: 1; } .sfmega { position: fixed; left: 50%; transform: translateX(-50%) translate= Y(8px); width: auto; max-width: min(1200px, -32px + 100vw); background: rgb= (255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 24px= ; box-shadow: rgba(0, 0, 0, 0.4) 0px 34px 90px -24px; padding: 24px; opacit= y: 0; visibility: hidden; pointer-events: none; transition: opacity 0.24s c= ubic-bezier(0.33, 0, 0.2, 1), transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1)= , visibility 0.3s; z-index: 200; } .sfmega.open { opacity: 1; visibility: visible; pointer-events: auto; trans= form: translateX(-50%) translateY(0px); transition: opacity 0.24s cubic-bez= ier(0.33, 0, 0.2, 1), transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), visibi= lity; } .sfmega-scrim { position: fixed; inset: 0px; background: rgba(17, 19, 24, 0= .22); backdrop-filter: blur(7px) saturate(0.92); opacity: 0; visibility: hi= dden; pointer-events: none; transition: opacity 0.28s cubic-bezier(0.33, 0,= 0.2, 1), visibility 0.28s; z-index: 150; } .sfmega-scrim.open { opacity: 1; visibility: visible; pointer-events: auto;= transition: opacity 0.28s cubic-bezier(0.33, 0, 0.2, 1), visibility; } @media (prefers-reduced-motion: reduce) { .sfmega-scrim { backdrop-filter: none; } } .sfmega-grid { display: grid; gap: 20px; align-items: stretch; } .sfmega-col { display: flex; flex-direction: column; } .sfmega-h { font-size: 22px; font-weight: 600; color: rgb(29, 29, 31); lett= er-spacing: -0.015em; margin: 0px 0px 18px; } .sfmega-links { display: flex; flex-direction: column; gap: 15px; } .sfmega-links a { color: rgb(95, 96, 102); font-size: 15px; font-weight: 45= 0; text-decoration: none; display: inline-flex; align-items: center; gap: 1= 1px; transition: color 0.14s; line-height: 1.25; } .sfmega-links a:hover { color: rgb(29, 29, 31); text-decoration: none; } .sfmega-links a .ext { font-size: 0.82em; opacity: 0.6; margin-left: 2px; } .nico { width: 19px; height: 19px; flex: 0 0 auto; color: rgb(161, 161, 166= ); transition: color 0.14s; } .sfmega-links a:hover .nico { color: rgb(0, 113, 227); } .sfmega-col.intro { padding-right: 8px; } .sfmega-desc { font-size: 14.5px; color: rgb(110, 110, 115); line-height: 1= .55; margin: 0px 0px 18px; } .intro-sep { height: 1px; background: rgb(236, 236, 240); margin: 2px 0px 1= 8px; } .intro-links a { color: rgb(29, 29, 31); font-weight: 500; } .sfmega-lead-cta { margin-top: auto; display: inline-flex; align-items: cen= ter; gap: 8px; font-size: 15px; font-weight: 600; color: rgb(0, 113, 227); = text-decoration: none; padding-top: 16px; } .sfmega-lead-cta .ar { transition: transform 0.18s; } .sfmega-lead-cta:hover { text-decoration: none; } .sfmega-lead-cta:hover .ar { transform: translateX(3px); } .sfmega-col.linkscol .grp + .grp { margin-top: 26px; } .sfmega-h.sm { font-size: 15px; font-weight: 700; color: rgb(29, 29, 31); m= argin-bottom: 14px; } .sfmega-col.feat { position: relative; overflow: hidden; color: rgb(255, 25= 5, 255); border-radius: 20px; padding: 24px; min-height: 240px; justify-con= tent: flex-end; text-decoration: none; } .sfmega-col.feat:hover { text-decoration: none; } .feat-bg { position: absolute; inset: 0px; width: 100%; height: 100%; objec= t-fit: cover; z-index: 0; border: 0px; display: block; } .feat-scrim { position: absolute; inset: 0px; background: linear-gradient(t= o top, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.12) 55%, rgba(0, 0, 0, 0.3)); z= -index: 1; } .sfmega-col.feat .feat-title, .sfmega-col.feat p, .sfmega-col.feat .feat-ct= a { position: relative; z-index: 2; } .sfmega-col.feat .feat-arrow { z-index: 2; } .feat-arrow { position: absolute; top: 18px; right: 18px; width: 34px; heig= ht: 34px; border-radius: 50%; background: rgba(255, 255, 255, 0.92); color:= rgb(29, 29, 31); display: flex; align-items: center; justify-content: cent= er; font-size: 15px; transition: transform 0.18s; } .sfmega-col.feat:hover .feat-arrow { transform: translate(2px, -2px); } .feat-title { font-size: 20px; font-weight: 600; letter-spacing: -0.01em; m= argin-bottom: 7px; } .sfmega-col.feat p { font-size: 13.5px; line-height: 1.5; color: rgba(255, = 255, 255, 0.92); margin: 0px 0px 14px; } .feat-cta { display: inline-flex; align-items: center; gap: 6px; font-size:= 14px; font-weight: 600; color: rgb(255, 255, 255); border-bottom: 1px soli= d rgba(255, 255, 255, 0.55); padding-bottom: 2px; align-self: flex-start; } @media (max-width: 1100px) { .sfmega { width: min(920px, -40px + 100vw); padding: 26px; } .sfmega-col.feat { display: none !important; } .sfmega-grid { gap: 26px 40px; grid-template-columns: repeat(auto-fit, mi= nmax(200px, 1fr)) !important; } } @media (max-width: 860px) { .sfmega, .sfmega-scrim { display: none !important; } .gnav.agnav .in > .ndrop { display: none; } } .mmov { background: rgb(255, 255, 255); padding: 0px 0px 44px; overflow-y: = auto; } .mmhead { position: sticky; top: 0px; background: rgb(255, 255, 255); heigh= t: 52px; display: flex; align-items: center; gap: 4px; padding: 0 max(12px,= env(safe-area-inset-right)) 0 12px; z-index: 2; } .mmhead .mmlogo { display: flex; margin-left: 8px; } .mmhead .mmlogo svg { width: 58px; height: 14px; color: rgb(29, 29, 31); } .mmback { border: 0px; background: none; color: rgb(29, 29, 31); padding: 8= px 8px 8px 4px; cursor: pointer; display: none; align-items: center; -webki= t-tap-highlight-color: transparent; } .mmback svg { width: 18px; height: 18px; } .mmback:active { opacity: 0.45; } .mmov.sub .mmback { display: flex; } .mmov.sub .mmlogo { display: none; } .mmspacer { flex: 1 1 0%; } .mmov .mmx { position: static; border: 0px; background: none; color: rgb(29= , 29, 31); padding: 8px; cursor: pointer; display: flex; align-items: cente= r; } .mmov .mmx svg { width: 18px; height: 18px; } .mmov .mmx:active { opacity: 0.45; } .mmov nav { max-width: 640px; margin: 0px auto; } .mmnav { padding: 18px 24px 0px; transition: opacity 0.19s; } .mmnav.swap { opacity: 0; } .mmov nav a, .mmov nav button, .mmov.open nav a, .mmov.open nav button { op= acity: 1; transform: none; animation: auto ease 0s 1 normal none running no= ne; } .mmov .msearch { display: flex; align-items: center; gap: 9px; width: 100%;= margin: 2px 0px 12px; padding: 12px 14px; border: 0px; border-radius: 12px= ; background: rgb(240, 240, 242); color: rgb(134, 134, 139); font-family: i= nherit; font-size: 16px; font-weight: 400; cursor: pointer; text-align: lef= t; -webkit-tap-highlight-color: transparent; } .mmov .msearch svg { width: 17px; height: 17px; color: rgb(134, 134, 139); = flex: 0 0 auto; } .mmov .mrow { display: flex; align-items: center; justify-content: space-be= tween; width: 100%; gap: 14px; padding: 9px 2px; font-family: inherit; font= -size: 21px; font-weight: 600; letter-spacing: -0.022em; color: rgb(29, 29,= 31); background: none; border: 0px; cursor: pointer; text-align: left; tex= t-decoration: none; line-height: 1.22; -webkit-tap-highlight-color: transpa= rent; } .mmov .mrow:active { opacity: 0.4; } .mmov .mgo { width: 8px; height: 14px; flex: 0 0 auto; color: rgb(196, 196,= 201); } .mmov .mprim { display: block; font-size: 22px; font-weight: 600; letter-sp= acing: -0.02em; color: rgb(29, 29, 31); padding: 11px 2px; text-decoration:= none; line-height: 1.22; } .mmov .mprim:active { opacity: 0.4; } .mmov .msec { margin-top: 6px; } .mmov .msubh { font-size: 12px; font-weight: 600; letter-spacing: 0.01em; c= olor: rgb(134, 134, 139); margin: 24px 0px 3px; padding: 0px 2px; } .mmov .msublink { display: block; font-size: 15px; font-weight: 400; color:= rgb(29, 29, 31); padding: 8px 2px; text-decoration: none; letter-spacing: = -0.01em; } .mmov .msublink:active { color: rgb(134, 134, 139); } @media (prefers-reduced-motion: reduce) { .mmnav { transition: none; } } ------MultipartBoundary--BCuix5rbswCm8GJ6S8rni3Ell8WhuLrj541LJGLUng------